<template>
    <div class="not">
        <p> 404 </p>
        <p> Not found </p>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.not{
  background-color: #f1f1f1;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  p{
    &:first-child{
      font-family: Bold,serif;
      font-size: 90px;
    }
    &:last-child{
      margin-top: 50px;
      font-size: 20px;
      font-family: Regular,serif;
    }
  }
}
</style>